.addHostBox{
  .card-footer{
    text-align: center;
    button {
      margin-left: 1em;
    }
  }
  .delBtn{
    font-weight: normal;
    width: auto;
    margin-left: auto !important;
    margin-right: auto;
    margin-bottom: .6em;
    border: none;
    cursor: pointer;
    &:hover, &:focus, &:link{
      font-weight: bold;
      background: none;
      border: none;
      color: #dc3545;
      box-shadow: none;
    }
  }
  .eyeIcon{
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
  }
}
.listHosts{
  min-height: 300px;
  .list-group-item{
    display: flex;
    flex-direction: row;
    cursor: pointer;
    .icon{
      font-family: "iconfont" !important;
      font-size: 30px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-right: .6em;
      background-color: #eee;
      padding-left: .3em;
      padding-right: .3em;
    }
    .body{
      display: flex;
      flex-direction: column;
      .extend{
        color: #bbbbbb;
      }
    }
    &:hover{
      background-color: rgba(237, 239, 243, 0.5);;
    }
  }
}